<script setup lang="ts">
import { onMounted, ref } from "vue";
import canvasBAHome from "../../../components/canvasBAHome.vue";



const canvasBAHomeCom = ref();

onMounted(() => {


})


</script>

<template>
    <div class="baHome-root">
        <canvasBAHome ref="canvasBAHomeCom"></canvasBAHome>
        <div class="baHome-back"></div>
    </div>
</template>

<style>
.baHome-root {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 0;
}

.baHome-back {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    background-image: linear-gradient(135deg, #446592 25%, #4b759f 0, #4b759f 50%, #446592 0, #446592 75%, #4b759f 0);
    background-size: 40px 40px;
}
</style>